<!-- 文件上传插件 -->
<script src="{{ getAssets }}js/ajaxfileupload.js?v={{ assets_version }}"></script>
<script>
    $(function () {
        pageInit();
    });
    function pageInit() {
        //图片上传初始化
        updloadCtrolInit();
    }
    //image upolad init
    function updloadCtrolInit() {
		xsrf = $('meta[name="csrf-token"]').attr('content')
        //多个图共用一套上传代码
        $(".fileinput").on('change', function () {
            var $this = $(this);
            var fileinput = $("input[type='file']", this);
            // file 控件的id
            var inputId = $this.attr('id');
		
            //获取隐藏用于保存图片地址的input
            var hiddeninput = $("#" + inputId.replace('input', ''));
            $.ajaxFileUpload({
                url: '{{ urlfor "UserCenterController.UploadImage" }}',
                secureuri: false,
                fileElementId: inputId,
				type: 'post',   //当要提交自定义参数时，这个参数要设置成post
                dataType: 'json',
                data: { type: 1 ,'_xsrf': xsrf }, //用来传file其他的值
                success: function (re, status) {
                    if (re.code === 0) {
                        hiddeninput.val(re.data);
						$('.am-img-thumbnail').attr('src', re.data + '?r='+Math.random())
						layer.msg("上传图片成功点击提交保存按钮确认更改！");
                    }else {
                        layer.alert(re.msg, { icon: 2, title: '错误' });
                        //调用clear方法时不激发事件
                        hiddeninput.val('');
                    }
                },
                error: function (XHR, status, e) {              
                    //调用clear方法时不激发事件
                    hiddeninput.val('');
                }
            });
        });
    }
</script>